  <!doctype html>
  <!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
  <!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
  <!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
  <!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
  
    <head>
        <meta charset="utf-8">
    
        <title>ViajarFacil.com</title>
        <meta name="Projeto de MC436" content="">
        <meta name="Eduardo Sonnino, Luisa Madeira, Vinicius Felizardo, Fernando Shikanai, Danilo Pereira" content="">
    
        <!-- Carrega CSS -->
        <link rel="stylesheet" href="css/style.css">
        <link rel="stylesheet" href="fancybox/jquery.fancybox-1.3.4.css">
        <link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.16.custom.css">
    
        
    
        <!-- Carrega Modernizr -->
        <script src="js/libs/modernizr-2.0.min.js"></script>
    
        <!-- Carrega JavaScript -->
        <script src="jquery/1.6.2/jquery.min.js"></script>
        <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.2.min.js"><\/script>')</script>
        <script src="js/libs/jquery-ui-1.8.16.custom.min.js"></script>
        <script src="js/script.js"></script>
        <script src="fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <script src="js/datepicker.html"></script>
        <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
    
    	<link href="img/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    
    </head>
    <body>
    
    <!-- Header -->
    <header style="background-image:url(img/placeholders/1280x1024/14.jpg);">
    
        <div class="container_12">
    
            <!-- Titulo e Menu -->
            <div id="panel" class="grid_12">
    
                <!-- Barra Titulo -->
                <h1><a href="index.html"><img src="img/logo.png" alt="" /></a></h1>
    
                <!-- Menu -->
                <nav>
                    <ul>
                        
                        <li>
                            <a href="faq.html">Alunos</a>
                            <ul>
                                <li><a href="">Danilo Pereira</a></li>
                                <li><a href="">Eduardo Sonnino</a></li>
                                <li><a href="">Fernando Shikanai</a></li>
                                <li><a href="">Luísa Madeira</a></li>
                                <li><a href="">Vinícius Felizardo</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="login.html">Login</a>
                        </li>
                    </ul>
  
  
  
                  <!-- Busca -->
                  <form action="#" class="black">
                      <input name="Search" type="text" placeholder="Busca..." />
                      <input type="submit" />
                  </form>
              </nav>
          
          </div>
  
      </div>
  
      <!-- Heading -->
      <h2>Rio de Janeiro</h2>
  
  </header>
  
  <!-- Main content -->
  <div class="container_12">
  
      <!-- Image gallery -->
      <section class="gallery grid_12">
          
          <!-- Slider navigation -->
          <nav class="slider_nav">
              <a href="#" class="left">&nbsp;</a>
              <a href="#" class="right">&nbsp;</a>
          </nav>
  
          <!-- Slider -->
          <div class="slider_wrapper">
  
              <!-- Slider content -->
              <div class="slider_content">
                  <a href="img/placeholders/800x600/7.jpg">
                      <img src="img/placeholders/150x110/7.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/8.jpg">
                      <img src="img/placeholders/150x110/8.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/9.jpg">
                      <img src="img/placeholders/150x110/9.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/12.jpg">
                      <img src="img/placeholders/150x110/12.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/13.jpg">
                      <img src="img/placeholders/150x110/13.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/14.jpg">
                      <img src="img/placeholders/150x110/14.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/9.jpg">
                      <img src="img/placeholders/150x110/9.jpg" alt="" />
                  </a>
                  <a href="img/placeholders/800x600/12.jpg">
                      <img src="img/placeholders/150x110/12.jpg" alt="" />
                  </a>
              </div>
  
          </div>
  
      </section>
  
      <div class="clearfix"></div>
      <hr class="dashed grid_12" />
  
      <!-- Map -->
    <section class="map grid_4">
          <script>
              $(function() {
                  markers = "Cristo Redentor, Rio de Janeiro"; // Endereco do marcador
                  $("a#map").attr("href", "http://maps.google.com/maps?q=" + escape(markers)).html("<img />");
                  $("a#map img").attr("src", "http://maps.google.com/maps/api/staticmap?markers=" + escape(markers) + "&size=300x200&sensor=false");
              });
          </script>
          <a href="#" id="map"></a>
      </section>
  
      <!-- Simple text -->
      <section class="text padded_left grid_8">
          <h3 class="text_big">Descrição do Pacote</h3>
          <p> As belíssimas paisagens, o charme dos botequins, a vibração das praias e a simpatia do povo carioca são só alguns dos elementos que fazem do Rio de Janeiro uma cidade fascinante e muito fácil de amar. Não é à toa que o Rio atrai anualmente cerca de dois milhões de turistas estrangeiros, todos interessados em conferir o encanto do Pão de Açúcar, Corcovado, Ipanema e outras belezas que já serviram de cenário para diversos filmes e transformaram o Rio de Janeiro no cartão-postal do Brasil. </p>
      </section>
  
      <div class="clearfix"></div>
      <hr class="dashed grid_12" />
  
      <!-- Simple text -->
      <section class="text padded_right grid_8">
          <h3 class="text_big">O que você vai fazer?!</h3>
          <p>Há tanto o que fazer na Cidade do Rio de Janeiro que é preciso organizar muito bem a viagem, para não deixar de conhecer a maioria de seus atrativos turísticos, a começar pelas famosas praias que encantam o mundo inteiro, Copacabana e Ipanema.</p>
          <p>Passeios no Bondinho do Pão de Açúcar, de trem até o alto do Corcovado, onde fica a estátua do Cristo Redentor, eleita como uma das Sete Novas Maravilhas do Mundo, são as primeiras providências da grande maioria dos turistas, que ficam extasiados com a beleza da Baía de Guanabara vista do alto.</p>
          <p>No centro da Cidade do Rio de Janeiro também há muito o que fazer, entre visitas a museus e construções históricas, e depois conhecer os Arcos da Lapa, berço do samba e lugar de intensa vida noturna, com bares e diversão.</p>
      </section>
  
      <!-- Video -->
      <section class="video grid_4">
          <iframe src="http://player.vimeo.com/video/12645596?color=ffffff"></iframe>
      </section>
  
      <div class="clearfix"></div>
      <hr class="dashed grid_12" />
  
      <section class="trip_info grid_12">
          
          <!-- Available terms -->
          <section class="last_minute">
              <table>
                  <tr class="header">
                      <th>Data</th>
                      <th>Duração</th>
                      <th>Preço</th>
                  </tr>
                  <tr>
                      <td>15 Dez -02 Jan</td>
                      <td>8 noites</td>
                      <td><span>Esgotado</span></td>
                  </tr>
                  <tr>
                      <td>02 Jan - 11 Jan</td>
                      <td>9 noites</td>
                      <td>R$899</td>
                  </tr>
                  <tr>
                      <td>02 Jan - 10 Jan</td>
                      <td>8 noites</td>
                      <td>R$899</td>
                  </tr>
                  <tr>
                      <td>15 Jan -23 Jan</td>
                      <td>8 noites</td>
                      <td>R$899</td>
                  </tr>
              </table>
          </section>
  
          <!-- Quotes -->
          <section class="quotes">
              
              <blockquote>“Realmente, um destino excelente para o começo do ano”</blockquote>
              <span>Ariadne Carvalho, 11/2011</span>
  
              <hr />
              
              <blockquote>“Esse site ficou muito bom! Darei 10 com certeza!”</blockquote>
              <span>Andre e Edivaldo, 11/2011</span>
  
          </section>
  
          <!-- Description -->
          <section class="text">
              <h2 class="section_heading">O que está incluído</h2>
              <p>Transporte aéreo: ida e volta. </p>
              <p>Traslado: aeroporto / hotel / aeroporto.</p>
            <p>Hospedagem: noites de hospedagem no hotel escolhido com café da manhã.</p>
          </section>
  
      </section>
      
  </div> 
   
      <!-- Footer -->
	<footer><div class="container_12">
		
		<p class="address grid_4">
			<strong>ViajarFacil.com</strong><br />
			<span>Projeto Final de MC436</span><br />
            <span>Universidade Estadual de Campinas</span><br />
		</p>

		<p class="copyright grid_8">
			© 2011 Grupo5 MC436
	  </p>

	</div></footer>
  
  </body>
  </html>
